import React from 'react';
import { BrowserRouter as Router, Route, Link } from "react-router-dom";

import TaskPanel from './TaskPanel.js';
import StatPanel from './StatPanel.js';
import PairPanel from './PairPanel.js';

export default class CCDSystem extends React.Component {
    constructor(props){
       super(props);
    }
	render(){
	   return (
	     <Router>
            <div>
                <TaskPanel
                    project={this.props.project.key}
                />
                <Route path="/task" component={TaskPanel}/>
                <Route path="/stat" component={StatPanel}/>
                <Route path="/pair" component={PairPanel}/>
            </div>
         </Router>
	  );
	}
}

